<template>
  <svg-icon :icon-class="iconName"  :style="[{color:iconColor,fontSize: iconSize}]"/>
</template>

<script>
  // import { mapState, mapMutations, mapActions } from 'vuex'
  // import validMixins from '@/mixins/validMixins.js'
  export default {
    name: 'ElementIconUse',
    components: {
      // TablesGZCJ,
    },
    // mixins: [validMixins],
    props: {
      iconTooltip: {
        default: 'iconTooltip'
      },
      iconName: {
        default: 'baocun'
      },
      iconSize: {
        default: '12px'
      },
      iconColor: {
        default: '#515151'
      },
    },
    // mixins: [validMixins],
    data() {
      return {
        iconStyle: {
          fontSize:null,
          color:null,
        }
      }
    },
    computed: {
      // ...mapState('user', ['token', 'userInfo'])
    },
    watch: {
      // 'cmAddForm.enginePlatform': function(val) {
      //   console.log('enginePlatformval', val)
      //   if (val) {
      //     this.emissionOptionReq()
      //   }
      // }
    },
    created() {

    },
    mounted() {
    },
    methods: {
      // ...mapActions('user', ['closeSideBar']),
      // ...mapMutations('user', ['CHAGE_TOKEN']),
      functionTest() {}
    }
  }
</script>

<style lang="scss" scoped>
  #ElementIconUse {

  }
  .iconClass{
    cursor: pointer;
  }
</style>

